$(document).ready(function () {
    //初始化
    //获得地址栏的special的值
    initList();

});
function initList() {
    let special =getUrlString("special");
    console.log("special="+special);
    let query="all";
    let obj =new Object();
    obj.m="getMerchListBySpecial";
    obj.special=special;
    obj.query=query;
    //ajax请求
    $.ajax({
        //请求方式 同步false 异步true
        async:true,
        //Ajax请求设置xhrField的withCredentials为true实现跨域访问
        xhrFields:{
            withCredentials:true
        },
        //请求方式
        type:"POST",
        //请求地址
        url:basePath+"/api/merchandise",
        //返回值类型
        data:obj,
        dataType:"json",
        //成功之后的回调函数
        success:function (result) {
            console.log(result);
            makeView(result);
        },
        //请求失败，包含具体的错误信息
        error:function (e) {
            console.log(e.status);
            console.log(e.responseText);
        }
    });
}

function makeView(result){
    $("table").html("");
    //设计表头
    let tr_header=$("<tr></tr>").addClass("bg");
    let tr_header_th1=$("<th></th>").addClass("merchantTd").text("商品图片");
    let tr_header_th2=$("<th></th>").text("商品基本信息");
    let tr_header_th3=$("<th></th>").addClass("description").text("商品描述");
    let tr_header_th4=$("<th></th>").text("基本操作");
    //内容加入到头部里
    tr_header.append(tr_header_th1,tr_header_th2,tr_header_th3,tr_header_th4);
    //头部内容加入表中
    $("table").append(tr_header);
    $.each(result,function (index,element) {
        let tr=$("<tr></tr>");
        let td1=$("<td></td>").html("<img src='/resources"+element.picture+"' class='merchantImg'>");
        let td2=$("<td></td>");
        let td2_p1=$("<p></p>").html("<a href='#id='"+element.id+">"+element.merName+"</a>");
        let td2_p2=$("<p></p>").html("市场价：￥ "+element.price);
        let td2_p3=null
        if(element.special==1){
            td2_p3=$("<p></p>").html("特价：￥ "+element.sprice);
        }

        let td2_p4=$("<p></p>").html("生产厂家："+element.manufacturer);
        td2.append(td2_p1,td2_p2,td2_p3,td2_p4);
        let td3=$("<td></td>").text(element.merDesc);
        let td4=$("<td></td>");
        let td4_img1=$("<img>").attr("src","/resources/images/icon_car.gif");
        td4_img1.click(detail(element.id));
        let td4_br=$("<br>");
        let td4_img2=$("<img>").attr("src","/resources/images/icon_buy.gif")
        td4_img2.click(buy(element.id));
        td4.append(td4_img1,td4_br,td4_img2);
        //加入tr
        tr.append(td1,td2,td3,td4);
        //把tr加到table里
        $("table").append(tr);
        //加一个尾部
        let tr_footer=$("<tr></tr>").addClass("trHr");
        let td_footer=$("<td></td>").attr("colspan",4)
        tr_footer.append(td_footer);
        $("table").append(tr_footer);

    });

}
function detail(id) {

}
function buy(id) {

}